{% for date in date_list %}
    <h3 class="ui center aligned header">{{ date.year }}</h3>
    <div class="ui fluid vertical menu">
    {% for blog in page_obj %}
          <a href="{% url 'blog:type_detail' blog.category.id %}" target="_blank" class="item">
        <span>
            <i class="mini teal circle icon"></i>&nbsp;{{ blog.title }}
            <div class="ui teal basic left pointing label m-padded-mini ">{{ blog.created|date:"m月d日"}}</div>
        </span>
            <div class="ui orange basic left pointing label m-padded-mini ">{{ blog.category }}</div>
        </a>
    {% endfor %}
    </div>
{% endfor %}

